<!DOCTYPE html>
<html>
<head>
    <meta charset='UTF-8'>
    <title>Document</title>
</head>
<body>
<div id="app">
    <div v-bind:style="{ color: activeColor, fontSize: fontSize + 'px' }">
        这里面是红色的大小为30px的文字
    </div>
    <hr>

    <!-- 直接绑定到一个样式对象通常更好，这会让模板更清晰： -->
    <div v-bind:style="styleObject">
        这里是直接放在对象里面的样式的文字
    </div>
</div>
</body>
<script src="../vue.js"></script>
<script>
    const rw = new Vue({
        el:"#app",
        data:{
            activeColor: 'red',
            fontSize: 30,
            styleObject: {
                color: 'yellow',
                fontSize: '120px'
            }
        }
    })
</script>
</html>